<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/xiangqing.css">

    <title>Document</title>
</head>

<body>
    <div id="header-box">
        <div id="top">
            <div id="b1">
                <div id="left">
                    <span class="s">你好欢迎来到罗技官方商城</span>
                    <a href="" id="btnlogin">请登录</a>
                    <span>&nbsp; | &nbsp;</span>
                    <a href="" id="btnregistered">注册</a>
                </div>
                <div id="right">
                    <a href="" class="zhanghu">我的账户</a>
                    <span class="f-l">|</span>
                    <a href="" class="gouwu">购物车</a>
                    <div class="shou">
                        <i></i>售前4006260228
                    </div>
                    <div class="shou">
                        <i></i>售后4008200338
                    </div>
                </div>
            </div>
        </div>
        <div id="zhong">
            <a class="logo" style="margin-right: 0px; margin-left: 5px; width: 315px;"></a>
            <a title="新品礼包" class="coupon">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-11-19/NEW_XM/xq.gif">
            </a>
            <div class="sousuo">
                <div class="sousuokang">
                    <input class="kuang" placeholder="G923游戏方向盘" type="text" autocomplete="off" style="width:370px">
                </div>
                <p class="meat">
                    热门搜索:
                    <a href="/Product/Detail?id=7505" target="_blank"> PRO X无线游戏耳机</a>
                    <a href="/Product/Detail?id=7508" target="_blank">M575轨迹球鼠标</a>
                    <a href="/Product/Detail?id=6248" target="_blank">G102二代</a>
                </p>
            </div>
            <div class="header-banner">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-06-29/NEW_XM/视频办公(1).gif"
                    onerror="javascript:this.src='/images/picerror.jpg'">
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="daohang">
        <ul id="Nav" class="banxin">
            <li class="classify">
                <p>全部产品分类</p>
                <div class="liebiao">
                    <dl>
                        <dt>
                            <p>音乐类</p>
                        </dt>
                        <dd>
                            <a>Blue麦克风</a>
                            <a>蓝牙音箱</a>
                            <a>入耳式耳机</a>
                        </dd>
                        <dt>
                            <p>平板电脑周边 </p>
                        </dt>
                        <dd>
                            <a>平板电脑周边</a>
                        </dd>
                        <dt>
                            <p> 游戏类 </p>
                        </dt>
                        <dd>
                            <a>游戏鼠标</a>
                            <a>游戏鼠标垫</a>
                            <a>游戏耳机麦克风</a>
                            <a>方向盘</a>
                            <a>罗技G飞行模拟器</a>
                            <a>游戏键盘</a>
                        </dd>
                        <dt>
                            <p>个人电脑周边</p>
                        </dt>
                        <dd>
                            <a>电脑耳机麦克风</a>
                            <a>有线键盘</a>
                            <a>摄像头</a>
                            <a>无线键鼠套装</a>
                            <a>演示器</a>
                            <a>摄像头配件</a>
                            <a>蓝牙鼠标</a>
                            <a>激光鼠标</a>
                            <a>无线鼠标</a>
                            <a>有线键鼠套装</a>
                            <a>有线鼠标</a>
                            <a>无线键盘</a>
                        </dd>
                    </dl>
                </div>
            </li>
            <li class="first-a">会员福利</li>
            <li class="first-a">新品专区</li>
            <li class="first-a">配件专区</li>
            <li class="first-a">会议专区</li>
            <li class="first-a">企业采购</li>
            <li class="first-a">关于罗技</li>
        </ul>
    </div>
    <div class="zhongxin">
        <div class="product-goods-box">
            <div class="product-goods container">
                <div class="goods-img-box">
                    <div id="productBigImg" class="big-img">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XL/m110主图1.jpg" ">
                        <div class=" focus">
                    </div>
                    <div class="mo"></div>
                </div>
                <div class="big-wrapper">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XL/m110主图1.jpg" alt="">
                </div>
                <div class="small-img-list">
                    <a class="slider-btn left-btn" "></a>
                        <a class=" slider-btn right-btn" "></a>
                        <div class=" small-img-list-con">
                        <ul class="list-ul" id="Productsmall">
                            <li class="active">
                                <img width="59" height="58"
                                    bimg="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110主图1.jpg"
                                    src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110主图1.jpg ">
                            </li>
                        </ul>
                </div>
            </div>
        </div>
        <div class="goods-text-box">
            <h1 class="product-title">罗技 M110 有线鼠标 黑色 </h1>
            <p class="product-detail-p"> 即插即用 舒适自由 </p>
            <div class="product-info-box">
                <p class="p1"> <label class="label-text">官&nbsp;方&nbsp;价：</label><span
                        class="sale-super-price">￥59.00</span></p>
                <p class="p1"><label class="label-text">商&nbsp;城&nbsp;价：</label><span
                        class="sale-price">&nbsp;￥59.00</span></p>
            </div>
            <div class="buy-box">
                <div class="label-text">购买数量：</div>
                <div class="buy-number-box">
                    <a class="cut-btn">-</a>
                    <input value="1" type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')">
                    <a class="add-btn">+</a>
                </div>
                <span class="sale-number" style="margin-right:5px">已售<span>16</span>件</span>
                <a class="product-add-cart-btn" ">立即购买</a>

                    </div>
                </div>
                <div class=" goods-server-box">
                    <p>
                        <img src="https://store.logitech.com.cn/images/xq.gif">
                    </p>
                    <p class="p-title" style="margin-top: 20px;">会员专享：</p>
                    <ul class="privilege-list">
                        <li>
                            <span>
                                <img src="https://store.logitech.com.cn/images/icon-privilege-01.png">
                            </span>
                            会员礼包
                        </li>
                        <li>
                            <span>
                                <img src="https://store.logitech.com.cn/images/icon-privilege-02.png">
                            </span>
                            会员俱乐部
                        </li>
                        <li>
                            <span>
                                <img src="https://store.logitech.com.cn/images/icon-privilege-03.png">
                            </span>
                            会员积分
                        </li>
                    </ul>
                    <p class="p-title">服务承诺：</p>
                    <div class="servers-box">
                        <div>
                            满99包邮
                        </div>
                        <div>
                            全国联保
                        </div>
                        <div>
                            闪电发货
                        </div>

                        <div>
                            信用卡支付
                        </div>
                        <div style="width:auto">
                            7天无理由退货(拆封后不支持)
                        </div>
                    </div>

            </div>
        </div>
    </div>
    <div class="product-art">
        <div class="content-block">
            <p class="content-left">相关文章</p>
            <div class="content-right">更多 &gt;</div>
        </div>
        <div class="article-list"></div>
    </div>
    <div class=" container">
        <div class="productList-left">
            <h3 class="list-title">热销排行</h3>
            <div class="left">
                <ul class="left-list-ul">
                    <li class="list last">
                        <p class="p-img" style="width: 190px; height:190px"> <img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-18/NEW_XM/06.png"></p>
                        <p class="p-name">罗技ERGO M575无线轨迹球鼠标 珍珠白<span class="price">￥269</span></p>
                        <p class="p-tool">加入购物车</p>
                    </li>
                </ul>
                <ul class="left-list-ul">
                    <li class="list last">
                        <p class="p-img"> <img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-28/NEW_XM/07.png"> </p>
                        <p class="p-name"> 罗技 PRO X SUPERLIGHT游戏鼠标 黑色<span class="price">￥1,299</span></p>
                        <p class="p-tool">加入购物车 </p>
                    </li>
                </ul>
                <ul class="left-list-ul">
                    <li class="list last">
                        <p class="p-img"><img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-07-29/NEW_XM/G102二代 黑-01-min.png">
                        </p>
                        <p class="p-name">罗技 G102二代 LIGHTSYNC游戏鼠标 黑色<span class="price">￥149</span></p>
                        <p class="p-tool">加入购物车 </p>
                    </li>
                </ul>
                <ul class="left-list-ul">
                    <li class="list last">
                        <p class="p-img"> <img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-16/NEW_XM/02 (1).png">
                        </p>
                        <p class="p-name">罗技 C505e高清720P网络摄像头<span class="price">￥249</span></p>
                        <p class="p-tool">加入购物车</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="productList-right">
            <ul class="product-nav" style="top: 0px; z-index: 10;">
                <li>商品详情</li>
                <li>规格参数</li>
                <li>商品评价（0）</li>
                <li>商品咨询（0 ）</li>
                <li class="last">加入购物车
                </li>
            </ul>
            <div class="box-tu">
                <div class="Product-details">
                    <div class="product-detail-img-box" style="margin-top: 10px; margin-bottom: 10px;" id="divGG2"> 
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-07/NEW_XM/750X300.jpg"> <br>
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-04-23/NEW_XM/StreamCam-750x300.jpg"></a><br>
                       <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-04-23/NEW_XM/G102-第二代-750x300.jpg"></a><br>
                    </div>
                    <div class="products-introduction">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情1.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情2.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情3.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情4.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情5.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情6.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情8.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情9.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情10.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-05-18/NEW_XM/m110详情11.jpg" alt="">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-03-12/NEW_XM/750.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <div class="mowei">
        <div class="yi">
            <div class="tubiao">
                <div>
                    <img src="./img/未标题-9.png" alt="">
                    <p>快递送货 产品直达</p>
                </div>
                <div>
                    <img src="./img/未标题-10.png" alt="">
                    <p>快递送货 产品直达</p>
                </div>
                <div>
                    <img src="./img/未标题-11.png" alt="">
                    <p>快递送货 产品直达</p>
                </div>
                <div>
                    <img src="./img/未标题-12.png" alt="">
                    <p>快递送货 产品直达</p>
                </div>
                <div>
                    <img src="./img/未标题-13.png" alt="">
                    <p>快递送货 产品直达</p>
                </div>
            </div>
        </div>
        <div class="er">
            <div class="liebiao">
                <dl class="help-dl">
                    <dt>|&nbsp;新手指南</dt>
                    <dd>如何注册</dd>
                    <dd>购买流程</dd>
                    <dd>积分政策</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;支付方式</dt>
                    <dd>银行汇款</dd>
                    <dd>发票问题</dd>
                    <dd>在线支付</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;配送方式</dt>
                    <dd>配送范围及运费</dd>

                    <dd>圆通配送</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;售后服务</dt>
                    <dd>罗技售后网点</dd>

                    <dd>售后服务承诺</dd>
                    <dd>退款说明</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;罗技官方网站</dt>
                    <dd>常见问题</dd>
                    <dd>技术支持</dd>
                    <dd>交易条款</dd>
                </dl>
                <div class="help-contact">
                    <p class="p1"></p>在线客服</p>
                    <p class="p1">4006260228</p>
                    <p class="p2">周一至周五: 9:00-18:00</p>
                </div>
            </div>
        </div>
        <div class="san">
            <div class="container copyright">
                <p>罗技官方商城由罗技（中国）科技有限公司授权双齐国际贸易（上海）有限公司负责经营 2021 , all rights reserved</p>
                <p>
                    <a style="color: #7f7f7f;">罗技官方网站</a>
                    <a style="color: #7f7f7f;">联系方式</a>
                    <a style="color: #7f7f7f;">隐私声明</a>
                    <a style="color: #7f7f7f;">用户服务协议</a>
                    <a style="color: #7f7f7f;">沪ICP备12002604号-1</a>
                </p>
            </div>
            <div class="container copyright" style="text-align: center; padding: 0px 0px 0px 0px">
            </div>
        </div>
    </div>
    <script src="./javascripts/fangdajing.js"></script>
</body>

</html>